@import '@milkdown/kit/prose/gapcursor/style/gapcursor.css';
@import 'prosemirror-virtual-cursor/style/virtual-cursor.css';

.milkdown {
  .crepe-drop-cursor {
    background-color: color-mix(
      in srgb,
      var(--crepe-color-outline),
      transparent 50%
    );
    opacity: 0.5;
    transition: all 0.2s;
    pointer-events: none;
  }

  .ProseMirror-gapcursor:after {
    box-sizing: border-box;
    border-top: 1px solid var(--crepe-color-on-background);
  }

  .ProseMirror-focused {
    --prosemirror-virtual-cursor-color: var(--crepe-color-outline);
  }
}
